<!--
 * @Description: 
 * @Version: 
 * @Author: XYBH
 * @Date: 2020-06-04 23:43:44
 * @LastEditors: XYBH
 * @LastEditTime: 2020-06-09 20:47:39
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- saved from url=(0046)https://demo.demohuo.top/jquery/20/2068/demo/# -->
<!-- <html style=""
    class=" js canvas canvastext no-touch rgba backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations cssgradients csstransforms csstransforms3d csstransitions fontface"> -->
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>无标题文档</title>
    <link rel="stylesheet" href="/css/index1.css" />
    <link rel="stylesheet" href="/css/common.css" />
    <link href="/css/search.css" rel="stylesheet" />
    <link rel="stylesheet" href="/font-awesome-4.7.0/css/font-awesome.min.css" />
    <link rel="stylesheet" href="/css/detail.css">
    <!-- <link rel="stylesheet" href="/css/bootstrap/bootstrap.min.css"> -->
    <!--[if lte IE 8]>
        <script src="excanvas.js"></script>
    <![endif]-->
</head>

<body>
    <div class="container-fluid">
        <div class="row row-head">
            <div class="col-lg-2"></div>
            <div class="col-lg-8">
                <div class="hd">
                    <div class="tools">
                        <div id="tools">
                            <div class="tool">
                                <div class="operator">
                                    <ul>
                                        <li><a id="my-mall" onmousemove='over("mall-list","mall-ul")'
                                                onmouseout='leave("mall-list","mall-ul")' href="#">我的商城<i id="mall-list"
                                                    class="fa fa-chevron-down" aria-hidden="true"></i></a>
                                            <ul id="mall-ul" onmouseover='show("mall-ul")'
                                                onmouseout='hiddenList("mall-ul")'>
                                                <li><a href="#">我的订单</a></li>
                                                <li><a href="#">购物车</a></li>
                                                <li><a href="#">我的收藏</a></li>
                                                <li><a href="#">我的评论</a></li>
                                            </ul>
                                        </li>
                                        <li><a id="shop_list" onmousemove='over("shop-list","shop-ul")'
                                                onmouseout='leave("shop-list","shop-ul")' href="#">0元购物<i id="shop-list"
                                                    class="fa fa-chevron-down" aria-hidden="true"></i></a>
                                            <ul id="shop-ul" onmouseover='show("shop-ul")'
                                                onmouseout='hiddenList("shop-ul")'>
                                                <li><a href="#">0元抢物</a></li>
                                                <li><a href="#">1元砍价</a></li>
                                                <li><a href="#">1元抽奖</a></li>
                                                <li><a href="#">优惠速领</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">客户服务</a></li>
                                    </ul>
                                </div>
                                <div class="welcome">
                                    欢迎光临东篱下交易商城，请<a href="#">登录</a>
                                    <span><a href="#">成为会员</a></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="logo_line">
                        <div class="col-lg-3 col-md-12 hidden-md hidden-sm hidden-xs"
                            style="height: 100px;background-color: yellow;">
                            <div><img style="width:362px; background-color: azure;" src="#"></div>
                        </div>
                        <div class="col-lg-6 col-md-12  text-center search">
                            <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 input">
                                <input type="text" placeholder="请输入商品关键字">
                            </div>
                            <div class="col-lg-2 col-md-4 col-sm-4 col-xs-4 select">
                                <select>
                                    <option>衣服</option>
                                    <option>裤子</option>
                                    <option>裙子</option>
                                    <option>鞋子</option>
                                </select>
                            </div>
                            <div class="col-lg-2 submit">
                                <input type="submit" value="查询">
                            </div>
                        </div>
                        <div class="col-lg-3 hidden-md hidden-sm hidden-xs cart-order">
                            <div class="cart-order-body">
                                <div class="order"><a href="#">我的订单</a></div>
                                <div id="cart" class="cart">
                                    <a href="#"><i class="fa fa-shopping-cart fa-3x"
                                            aria-hidden="true"></i><span>购物车</span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="nav-top col-lg-12">
                    <ul>
                        <li class="all col-lg-2">全部商品分类</li>
                        <li class="good-list"><a href="#">图书</a></li>
                        <li class="good-list"><a href="#">衣服</a></li>
                        <li class="good-list"><a href="#">数码产品</a></li>
                        <li class="good-list"><a href="#">日常用品</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-2"></div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-2"></div>
            <div class="col-lg-8">
                <div>
                    <ul class="breadcrumb">
                        <li><a href="#">女士服装</a></li>
                        <li><a href="#">T恤</a></li>
                        <li class="active">初语年春季新款大力水手IP系列宽松t恤女圆领印花纯棉上衣</li>
                    </ul>
                </div>
                <div class="content">
                    <div class="col-lg-3 col-sm-4 col-xs-4 col-md-4 good_image_list">
                        <img id='good_img' src="img/detail_img_1.jpg" class="img-responsive" alt="Cinque Terre">
                        <div class='col-xs-3 good_img_small'><a class="thumbnail"><img src="img/detail_img_1.jpg"></a>
                        </div>
                        <div class='col-xs-3 good_img_small'><a class="thumbnail"><img src="img/detail_img_2.jpg"></a>
                        </div>
                        <div class='col-xs-3 good_img_small'><a class="thumbnail"><img src="img/detail_img_3.jpg"></a>
                        </div>
                        <div class='col-xs-3 good_img_small'><a class="thumbnail"><img src="img/detail_img_4.jpg"></a>
                        </div>
                        <div id='big_image'></div>
                    </div>
                    <div class="col-lg-9 col-sm-8 col-xs-8 col-md-8 info">
                        <div class="show_info col-lg-8 col-xs-12">
                            <div class="name_info">【618提前购，秒杀价：135元】初语女装夏装宽松圆领纯色直筒百搭打底衫纯棉短袖T恤女</div>
                            <hr>
                            <div class="hot"></div>
                            <div class="comment">
                                <div class="star"></div><a class="comment_count" href="#">100条评论</a>
                            </div>
                            <div class="price_info">
                                <div class="price"><span class="label">售价</span><span class="now_price">￥135</span>
                                </div>
                                <div class="discount"><span class="label">促销</span><span class="quan"><a
                                            href="/voucher/index.html"><svg class="icon" aria-hidden="true">
                                                <use xlink:href="#icon-youhuiquan"></use>
                                            </svg><span>满100减50</span></a></span></div>
                                <div class="service"><span class="label">服务</span><span></span></div>
                            </div>
                            <div class="color">
                                <div class="label">颜色</div>
                                <div>
                                    <img class="choice_color" src="img/detail_img_1.jpg" width="50" height="50">
                                    <img class="choice_color" src="img/detail_img_2.jpg" width="50" height="50">
                                    <img class="choice_color" src="img/detail_img_4.jpg" width="50" height="50">
                                </div>
                            </div>
                            <div class="size">
                                <div class="label">尺码</div>
                                <div class="size_op">XS</div>
                                <div class="size_op">S</div>
                                <div class="size_op">M</div>
                                <div class="size_op">L</div>
                            </div>
                            <div class="count">
                                <div class="label">数量</div>
                                <div><img id='count_sub' src="img/sub.png"><input class="good_count" value=1
                                        type="text"><img id='count_plus' src="img/plus.png">
                                </div>
                            </div>
                            <div class="buy">
                                <button>立即购买</button>
                                <button>加入购物车</button>
                            </div>
                        </div>
                        <div class="seller_info col-xs-4 visible-lg">
                            <div class="seller_name">
                                <a href="#"><svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-business"></use>
                                    </svg>东篱下旗舰店</a>
                            </div>
                            <div class="seller_evaluation">
                                <div class="evaluation_desc">店铺总分</div>
                                <div class="evaluation_grade"><span>5.0</span>分</div>
                            </div>
                            <div class="seller_service">
                                <div class="desc_all desc">描述<div class="score">5.0</div>
                                </div>
                                <div class="desc_all service">服务<div class="score">5.0</div>
                                </div>
                                <div class="desc_all send">发货<div class="score">5.0</div>
                                </div>
                            </div>
                            <div class="kf">联系方式：10086</div>
                            <div class="goto_shop">
                                <div class="lx" onclick="javascript:openwindow('/kf/index.html','联系客服',800,800);"><a
                                        href="javascript:void(0);"></a>联系客服</div>
                                <div class="enter_shop">进入店铺</div>
                            </div>
                        </div>
                        <div class="col-lg-4"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container-fluid" id="good_info">
            <div class="row">
                <div class="col-lg-2"></div>
                <div class="col-xs-1 visible-lg">
                    <div class="shop_search">
                        <div>店内搜索</div>
                        <form role="form">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="输入关键字">
                                <select class="form-control">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                </select>
                            </div>
                        </form>
                    </div>
                    <div class="abox">
                        <div>商家分类</div>
                        <ul>
                            <li><a href="#">所有宝贝</a></li>
                            <li><a href="#">2020春装新品</a></li>
                            <li><a href="#">2020夏装新品</a></li>
                            <li><a href="#">T恤</a></li>
                            <li><a href="#">裙装</a></li>
                            <li><a href="#">裤装</a></li>
                            <li><a href="#">卫衣</a></li>
                            <li><a href="#">套装</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xs-12 col-lg-7">
                    <ul id="myTab" class="nav nav-tabs">
                        <li class="active">
                            <a href="#good_details" data-toggle="tab">
                                商品详情
                            </a>
                        </li>
                        <li><a href="#eva" data-toggle="tab">评价信息</a></li>
                    </ul>
                    <div id="myTabContent" class="tab-content">
                        <div class="tab-pane fade in active" id="good_details">
                            <div class="d_info">
                                <div>品牌：初语</div>
                                <div>型号：23141251</div>
                                <div>季节：秋季</div>
                                <div>材质：纯棉</div>
                                <div>图案：卡通</div>
                                <div>人群：18-24岁</div>
                                <div>元素：印花</div>
                                <div>种类：长袖</div>
                            </div>
                            <img class="img-responsive" src="img/1.jpg">
                            <img class="img-responsive" src="img/2.jpg">
                            <img class="img-responsive" src="img/3.jpg">
                            <img class="img-responsive" src="img/4.jpg">
                            <img class="img-responsive" src="img/6.jpg">
                            <img class="img-responsive" src="img/7.jpg">
                            <img class="img-responsive" src="img/8.jpg">
                            <img class="img-responsive" src="img/material.jpg">
                            <img class="img-responsive" src="img/fabric.jpg">
                            <img class="img-responsive" src="img/description.jpg">
                        </div>
                        <div class="tab-pane fade" id="eva">
                            <div class="t_comment_count">商品评论(100)</div>
                            <div class="chart"><canvas id="chart" width="60" height="40"></canvas></div>
                            <div class="comment_spilt">
                                <div>材料好<span>(10)</span></div>
                                <div>穿着舒适<span>(5)</span></div>
                            </div>
                            <div class="comment_detail">
                                <div class="comment_class">
                                    <ul>
                                        <li>全部(100)</li>
                                        <li>好评(80)</li>
                                        <li>中评(20)</li>
                                        <li>差评(10)</li>
                                    </ul>
                                </div>
                                <div id="comment_good"></div>
                                <div id="comment_nor"></div>
                                <div id="bad"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-2"></div>
            </div>
        </div>
        <div id="copyright">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <p>Copyright © 2019 dlt.com All Rights Reversed. 东篱下
                        </p>

                        <div style="width:300px;margin:0 auto; padding:20px 0; text-align: center;">
                            <a target="_blank" href="#"
                                style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
                                <img src="http://www.clantrip.com/static/images/ghs.png" style="float:left;" />
                                <p
                                    style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#fafafa;">
                                    赣ICP备18008511号</p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>


    <script type="text/javascript" src="/js/jquery-3.5.1.min.js"></script>
    <script type="text/javascript" src="/js/modernizr-custom-v2.7.1.min.js"></script>
    <script type="text/javascript" src="/js/detail.js"></script>
    <script src="/js/common.js"></script>
    <script src="/iconfont/iconfont.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>
</body>

</html>